<div class="margin-top">
    <div class="row">
        <div class="col-md-1 padding-r-0">
            <div class=" border-radius ">
                <div class="margin-xs-r  treeview attendance-staff" style="height: 650px;">
                    <ul class="list-group text-center border-radius">
                        <li class="list-group-item node-orgTree " v-for="(item,index) in dataMonthReceivedStatisticsInfo.feeTypeCds" :key="index" @click="switchMonthReceivedStatisticsFeeTypeCd(item.statusCd)" :class="{'vc-node-selected':dataMonthReceivedStatisticsInfo.feeTypeCd == item.statusCd}">
                            {{item.name}}
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="col-md-11">
            <div class="row ">
                <div class="col-lg-2 padding-right-xs padding-left-xl">
                    <select class="custom-select" v-model="dataMonthReceivedStatisticsInfo.floorId">
                        <option value="">请选择楼栋</option>
                        <option :value="item.floorId" v-for="(item,index) in dataMonthReceivedStatisticsInfo.floors">
                            {{item.floorNum}}</option>
                    </select>
                </div>
                <div class="col-lg-2 padding-right-xs padding-left-xl">
                    <input v-model="dataMonthReceivedStatisticsInfo.feeStartDate" type="text" :placeholder="vc.i18n('请填写费用开始时间','dataMonthReceivedStatistics')" class="form-control feeStartDate">
                </div>
                <div class="col-lg-2 padding-right-xs padding-left-xl">
                    <input v-model="dataMonthReceivedStatisticsInfo.feeEndDate" type="text" :placeholder="vc.i18n('请填写费用结束时间','dataMonthReceivedStatistics')" class="form-control feeEndDate">
                </div>
                <div class="col-lg-2 padding-right-xs padding-right-xl">
                    <button type="button" class="btn btn-primary btn-sm" style="margin-left:10px" v-on:click="_qureyDataMonthReceivedStatistics()">
                        <i class="fa fa-search"></i>查询
                    </button>
                </div>
                <div class="col-lg-4 text-right">
                    <button type="button" class="btn btn-primary btn-sm" v-on:click="_exportReportMonthReceivedFeeExcel()">
                        <vc:i18n name="导出" namespace="dataMonthReceivedStatistics"></vc:i18n>
                    </button>
                </div>
            </div>
            <div class="margin-top">
                <table class="table table-bordered" data-page-size="15">
                    <thead>
                        <tr>
                            <th class="text-center">
                                <vc:i18n name="房屋" namespace="dataMonthReceivedStatistics"></vc:i18n>
                            </th>
                            <th class="text-center">
                                <vc:i18n name="业主" namespace="dataMonthReceivedStatistics"></vc:i18n>
                            </th>
                            <th data-hide="phone" class="text-center">
                                <vc:i18n name="实收" namespace="dataMonthReceivedStatistics"></vc:i18n>
                            </th>
                            <th data-hide="phone" class="text-center">
                                <vc:i18n name="费用名称" namespace="dataMonthReceivedStatistics"></vc:i18n>
                            </th>
                            <th data-hide="phone" class="text-center">
                                <vc:i18n name="实收时间段" namespace="dataMonthReceivedStatistics"></vc:i18n>
                            </th>
                            <th data-hide="phone" class="text-center">
                                <vc:i18n name="收银员" namespace="dataMonthReceivedStatistics"></vc:i18n>
                            </th>
                            <th data-hide="phone" class="text-center">
                                <vc:i18n name="交费时间" namespace="dataMonthReceivedStatistics"></vc:i18n>
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr v-for="fee in dataMonthReceivedStatisticsInfo.fees">
                            <td class="text-center">{{fee.objName}}</td>
                            <td class="text-center">{{fee.ownerName}}({{fee.link}})</td>
                            <td class="text-center">
                                {{fee.receivedAmount || 0}}
                            </td>
                            <td class="text-center">
                                {{fee.feeName}}
                            </td>
                            <!-- <td class="text-center">
                                {{fee.startTime}}~{{fee.endTime}}
                            </td> -->
                            <td class="text-center">
                                {{fee.curYearMonth}}
                            </td>
                            <td class="text-center">
                                {{fee.cashierName}}
                            </td>
                            <td class="text-center">
                                {{fee.createTime}}
                            </td>
                        </tr>
                    </tbody>
                </table>
                <!-- 分页 -->
                <div class="row">

                    <div class="col-sm-4">
                        <span><vc:i18n name="总实收：" namespace="dataMonthReceivedStatistics"></vc:i18n> </span><span>{{dataMonthReceivedStatisticsInfo.feeAmount}}</span>
                    </div>
                    <div class="col-sm-8">
                        <vc:create namespace="dataMonthReceivedStatistics" path="frame/paginationPlus"></vc:create>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>